<template>
  <div class="page-container">
    <page-header />
    <div class="body-container">
      <div class="bgImg-container">
        <img v-lazy="bgImg" />
      </div>
      <div class="title-container">
        <div class="title-type">HTML:</div>
        <div class="title-title">
          把这个gitee的字变成白色的，里面的字要求hewo得一直啊啊啊啊啊啊啊啊啊啊啊啊啊
        </div>
        <div>
          编辑日期:2020-13-13 19:55:33
        </div>
      </div>
      <div class="content-container">
        <h1>一.Unicode表示法</h1>
        <h2><a></a>(1).字符串拓展</h2>
        <p>
          <a></a
          ><strong
            ><em>四位以上解析<br /></em
          ></strong>
        </p>
        <pre
          type="JavaScript"
        ><code><span class="hljs-function"><span class="hljs-title">log</span><span class="hljs-params">(<span class="hljs-string">"\u{20BB7}"</span>)</span></span></code></pre>
        <pre type="JavaScript"><code>a<span class="hljs-string">"</span>
<span class="hljs-built_in">log</span>(s.length);<span class="hljs-comment">//3这样就会存在第一位的问题</span>
<span class="hljs-built_in">log</span>(s.codePointAt(<span class="hljs-number">0</span>));<span class="hljs-comment">//134071 </span>
<span class="hljs-built_in">log</span>(s.codePointAt(<span class="hljs-number">1</span>));<span class="hljs-comment">//57271</span>
<span class="hljs-built_in">log</span>(s.codePointAt(<span class="hljs-number">2</span>));<span class="hljs-comment">//97</span>
<span class="hljs-built_in">log</span>(Number.prototype.toString.call(<span class="hljs-number">97</span>,<span class="hljs-number">16</span>));<span class="hljs-comment">//61 </span>
<span class="hljs-built_in">log</span>('\u{61}')<span class="hljs-comment">//a</span>
</code></pre>
        <p>
          <img
            src="http://blogsimg.zhouziao.cn/essayphotovwsBv066gKa7D1g4kg4_T.png"
            style="max-width:100%;"
          /><br />
        </p>
      </div>
      <div class="end-container">-END-</div>
      <div class="taget-left">
        <img :src="targetLeft" />
      </div>
      <div class="taget-right">
        <img :src="targetRight" />
      </div>
    </div>
    <page-footer />
  </div>
</template>

<script>
import Header from "@/components/header";
import Footer from "@/components/footer";
import GoTop from "@inotom/vue-go-top";
import ApiService from "@/service/index";
import { formtTime } from "@/utils/tools";
import { NAV, IMG_URL, ESSAY_BANNER } from "@/config/config";
export default {
  name: "EssayViews",
  components: {
    PageHeader: Header,
    PageFooter: Footer,
    GoTop
  },
  data() {
    return {
      bgImg: ESSAY_BANNER,
      targetLeft: IMG_URL + "target-left.png",
      targetRight: IMG_URL + "target-right.png"
    };
  }
};
</script>
<style lang="scss" scoped>
$theme: #f2db4d;
.body-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
</style>